<template lang="">
   <div style="height: 100%" id="components-layout-demo-basic" >
    <a-layout style="height:100%" id="components-layout-demo-custom-trigger" >
      <a-layout-sider v-model="collapsed" :trigger="null" collapsible>
        <common-aside></common-aside>
      </a-layout-sider>
      <a-layout style="background: #fff; padding: 0">
        
        <a-layout-header style="background: #fff; padding: 0">
        
            <common-header></common-header>
        </a-layout-header>

        <a-layout-content :style="{ margin: '24px 16px', padding: '24px', background: '#fff', minHeight: '380px' }">
            <router-view></router-view>
        </a-layout-content >
       
      </a-layout>
    </a-layout>
  </div>
</template>
<script>
import CommonHeader from "../src/components/CommonHeader.vue"
import CommonAside from "../src/components/CommonAside.vue"

export default {
    name: "Home",
    components: {
        CommonAside,
        CommonHeader,
       
    },
    data() {
        return {
            collapsed:false,
        };
    },
};
</script>
<style >

*{
  margin: 0;
  padding: 0;
}



</style>